<template>
  <a-layout id="components-layout-demo-fixed-sider">
    <a-layout-sider
      :style="{ overflow: 'auto', height: '100vh', position: 'fixed', left: 0 }"
    >
      <div class="logo" style>
        <img
          style="width: 0.150327rem; height: 0.150327rem"
          src="../../assets/logo.png"
          alt
        />
        <span style="font-size: 0.130719rem">新龙后台</span>
      </div>
      <ListNav />
    </a-layout-sider>
    <a-layout :style="{ marginLeft: ' 1.30719rem' }">
      <a-layout-header
        :style="{
          position: 'fixed',
          background: '#fff',
          width: '88%',
          boxShadow: '0px 2px 2px 0px rgba(0, 0, 0, 0.1)',
          zIndex: 1,
        }"
      >
        <Nav />
      </a-layout-header>
      <a-layout-content
        :style="{ margin: '.418301rem  .104575rem 0', overflow: 'initial' }"
      >
        <div
          :style="{
            padding: '.156863rem',
            background: '#fff',
            textAlign: 'center',
          }"
        >
          <table>
            <slot />
          </table>
        </div>
      </a-layout-content>
      <a-layout-footer :style="{ textAlign: 'center', margin: '0 auto' }">
        <Foot />
      </a-layout-footer>
    </a-layout>
  </a-layout>
</template>
<script>
import Nav from "@/components/Nav/index";
import Foot from "@/components/Foot/index";
import ListNav from "@/components/ListNav/index";

export default {
  data() {
    return {
      count: 0,
      list: [],
      params: {
        page: 1,
        perPage: 20,
      },
     
    };
  },
  mounted() {},
  components: {
    Nav,
    Foot,
    ListNav,
  },
  methods: {},
};
</script>
<style scoped>
#components-layout-demo-fixed-sider .logo {
  height: 0.20915rem /* 32/153 */;
  margin: 0.104575rem /* 16/153 */;
  background-color: rgba(0, 33, 64, 1);
  color: white;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
}

.header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
</style>
